<script setup>
//用于side左边栏目编写
import ML from './sideml.vue'

</script>

<template>
<div class="sider">

<div class="sider-biaoqian">标签栏</div>
  <ML class="sider-ml"></ML>
</div>


</template>

<style lang="less" scoped>

// 定义变量
@sider-height: 100%;
@sider-color: #dacccc;
//@sider-width:14rem;

// 基本按钮样式
.sider{
  //width: 100%;
  height: @sider-height;

  .sider-biaoqian{
    background-color: rgb(187, 209, 234);
    width: 4rem;
    border-right: 1px solid #f1f2f4;
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .06);
  }
  .sider-ml{
    min-width: 8rem;
    max-width:10rem;
    background-color:@sider-color;
    border-right: 1px solid #f1f2f4;
  }
}



</style>